.category {
    height: 100%;
    .category-nav {
        .nav {
            background-color: var(--themeColor);
            color: white;
        }
    }

    .category-search {
height: 37.5px;
    }

    .category-content {
        display: flex;
    
        .content-left {

            flex: 1;
           
            height: calc(100vh - 3.733333rem);
            background-color: #ddd;
            overflow-y: scroll;
            .content-left-item{
                height: 1.2rem;
                line-height: 1.2rem;
                text-align: center;
                font-size: 0.4rem;
            }
            .active{
                 color: var(--themeColor);
                   border-left: 2px solid var(--themeColor);
            }
        }

        .content-right {
            flex: 3;
            height: calc(100vh - 3.733333rem);
             background-color:#f3f3f3;
            overflow-y: scroll;
          
               .content-right-item {
                   .right-item-title {
                       height: 1.333333rem;
                       line-height: 1.333333rem;
                       text-align: center;
                   }

                   .product-list {
                       display: flex;
                       flex-wrap: wrap;

                       .product-list-item {
                           width: 33.33%;
                           display: flex;
                           flex-direction: column;
                           align-items: center;
                           justify-content: center;

                           .imagerWrapper {
                               img {
                                   width: 1.6rem;
                                   height: 1.6rem;
                               }
                           }

                           .item-title {}
                       }
                   }
               }
        }
    }
}